<!--
  Generated template for the MyAccountPage page.

  See http:</ion-label>  </ion-col>
          <ion-col>//ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="jjna-color">
    <ion-title text-center>My Account Edit
    </ion-title>
    <ion-buttons end>
      <button ion-button (click)="save()">
        save
      </button>
    </ion-buttons>

  </ion-navbar>

</ion-header>
<ion-content padding>
  <ion-list *ngIf="userInfo">
    <ion-item>
      <ion-label stacked>
        ID
      </ion-label>
      <ion-input type="text" readonly value=" {{userInfo.Employee_ID}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Name
      </ion-label>
      <ion-input type="text" readonly value=" {{userInfo.Employee_Name}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Group
      </ion-label>
      <ion-input type="text" readonly value=" {{userInfo.Employee_Group}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Email:
      </ion-label>
      <ion-input type="text" readonly value="{{userInfo.Employee_Email}}"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        First Name:
      </ion-label>
      <ion-input type="text" value="{{userInfo.Employee_First_Name}}"
                 [(ngModel)]="userInfo.Employee_First_Name"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Middle Name:
      </ion-label>
      <ion-input type="text" value="{{userInfo.Employee_Middle_Name}}"
                 [(ngModel)]="userInfo.Employee_Middle_Name"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>
        Last Name:
      </ion-label>
      <ion-input type="text" value="{{userInfo.Employee_Last_Name}}"
                 [(ngModel)]="userInfo.Customer_Last_Name"></ion-input>
    </ion-item>
  </ion-list>
  <button ion-button margin-bottom full color="jjna-color" (click)="save()">Save</button>
</ion-content>
